<template>
    <div id="header" :class="{on:menu}">
        <div class="top ">
            <div class="box flex-bect">
                <span class="le">欢迎您来到留学途网站！留学方案/选校一站式服务<a href="./" class="a">返回首页</a></span>
                <div class="ri">
                    <a href="18OnlineAssessment.html" class="a">留学评估</a>
                    <span class="jg">/</span>
                    <a href="12SignUp.html" class="a">在线报名</a>
                    <span class="jg">/</span>
                    <a href="javascript:;" class="a">立即咨询</a>
                </div>
            </div>
        </div>
        <div class="con">
            <div class="box flex-bect">
                <a href="./index.html" class="logo"><img :src="logo === 1 ? logo2 : logo1" alt=""></a>
                <!-- <span class="flex-ct tip wap">留学方案/选校一站式服务</span> -->
                <div class="ico-ph flex-rict wap"><img src="http://oss.kongjie88.com/liuxuepc/image/ico-ph2.png" alt="" class="ico" style="max-height:.9rem">{{mobile}}</div>
                <div class="menu wap" @click="menu = !menu" :class="{on:menu}">
                    <div><i v-for="item in 3" :ey="item"></i></div>
                </div>
                <div id="nav">
                    <dl class="nav flex-bect">
                        <dd v-for="(item, index) in nav" :key="index" class="dd" :class="{have:item.list}">
                            <a :href="item.path" class="nava flex-ct">{{item.tit}} <span class="jt" v-if="item.list || item.lists"></span> </a>
                            <div class="sub ani" v-if="item.list">
                                <div class="div">
                                    <a v-for="(items, j) in item.list" :key="j" :href="items.path" class="sub-a ani">{{items.tit}}</a>
                                </div>
                            </div>
                            <div class="sub subW ani" v-if="item.lists">
                                <div class="div1 flex-lect">
                                    <a v-for="(items, j) in item.lists" :key="j" :href="items.path" class="sub-a1 ani flex-lect">
                                        <img :src="items.icon" alt="" class="ico ico1">
                                        <img :src="items.on" alt="" class="ico ico2">
                                        {{items.name}}
                                    </a>
                                </div>
                            </div>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
// 不支持 import
module.exports = {
  props:{
    logo:Number,
  },
  data: function () {
    return {
      phone:'./static/image/ico-ph.png',
      mobile:"400-823-0180",
      nav:[
        
        {tit:'首页',},
        {tit:'院校库',list:[{tit:'国内预科院校'}, {tit:'海外院校'},{tit:'3+2本硕'},{tit:'1+1硕士'}]},
        {tit:'留学国家',list:[{tit:'英国',path:'./countryDetail.html'}, {tit:'美国'},{tit:'澳大利亚'},{tit:'新西兰'},{tit:'加拿大'},{tit:'韩国'},{tit:'日本'},{tit:'欧洲'},{tit:'亚洲'},{tit:'法国'}]},
        {
          tit:'留学专业',
          lists:[
            {name:'金融', icon:'./static/image/le-ico1.png', on:'./static/image/le-ico1on.png'},
            {name:'MBA', icon:'./static/image/le-ico2.png', on:'./static/image/le-ico2on.png'},
            {name:'会计', icon:'./static/image/le-ico3.png', on:'./static/image/le-ico3on.png'},
            {name:'市场营销', icon:'./static/image/le-ico4.png', on:'./static/image/le-ico4on.png'},
            {name:'商业分析', icon:'./static/image/le-ico5.png', on:'./static/image/le-ico5on.png'},
            {name:'数学', icon:'./static/image/le-ico6.png', on:'./static/image/le-ico6on.png'},
            {name:'生物学', icon:'./static/image/le-ico7.png', on:'./static/image/le-ico7on.png'},
            {name:'建筑', icon:'./static/image/le-ico8.png', on:'./static/image/le-ico8on.png'},
            {name:'环境科学', icon:'./static/image/le-ico9.png', on:'./static/image/le-ico9on.png'},
            {name:'城市规划', icon:'./static/image/le-ico10.png', on:'./static/image/le-ico10on.png'},
            {name:'教育', icon:'./static/image/le-ico11.png', on:'./static/image/le-ico11on.png'},
            {name:'传媒', icon:'./static/image/le-ico12.png', on:'./static/image/le-ico12on.png'},
            {name:'PR/广告', icon:'./static/image/le-ico13.png', on:'./static/image/le-ico13on.png'},
            {name:'历史学', icon:'./static/image/le-ico14.png', on:'./static/image/le-ico14on.png'},
            {name:'社会学', icon:'./static/image/le-ico15.png', on:'./static/image/le-ico15on.png'},
            {name:'纯艺术', icon:'./static/image/le-ico16.png', on:'./static/image/le-ico16on.png'},
            {name:'平面设计', icon:'./static/image/le-ico17.png', on:'./static/image/le-ico17on.png'},
            {name:'音乐/戏剧', icon:'./static/image/le-ico18.png', on:'./static/image/le-ico18on.png'},
            {name:'珠宝设计', icon:'./static/image/le-ico19.png', on:'./static/image/le-ico19on.png'},
            {name:'室内设计', icon:'./static/image/le-ico20.png', on:'./static/image/le-ico20on.png'},
          ]
        },
        {tit:'推荐项目',},
        {tit:'留学模式',list:[{tit:'1+3本科'}, {tit:'2+2预科'},{tit:'3+2本硕'},{tit:'1+1硕士'}]},
        {tit:'留学安全',},
        {tit:'留学评估', path:''}
      ],
      bottom:[
        {name:'读本科', intro:'想了解行业及职业发展'},
        {name:'读硕士', intro:'想了解具体留学内容'},
        {name:'本硕连续', intro:'想深入了解学历内容'},
        {name:'国际高中', intro:'想了解行业及国家留学发展'}
      ],
      logo1:'./static/image/logo.png',
      logo2:'./static/image/logo2.png',
      
    };
  },
  components: {},
  mounted() {post('mobilepc').then(res => { this.banquan=res.copyrightthis.mobile=res.mobile};console.log(res));},
};
</script>

<style>

</style>